﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>PawChina 后台管理</title>
    <meta charset="utf-8" />
    <link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <link href="//cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="//cdn.bootcss.com/metisMenu/2.5.2/metisMenu.min.css" rel="stylesheet">
    <link href="/Areas/PawRoot/assets/css/manager.min.css" rel="stylesheet" />
    <!--[if lt IE 9]>
        <script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="//oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <div class="container">
        <div class="row">
            <aside class="sidebar col-sm-2">
                <nav class="sidebar-nav">
                    <ul class="metisMenu" id="menu">
                        <!--头像系列-->
                        <li class="sidebar-nav-header">
                            <div class="dropdown profile-element">
                                <span><img alt="image" class="img-circle" src="/Areas/PawRoot/assets/img/logo.jpg"></span>
                                <a data-toggle="dropdown" class="dropdown-toggle" href="#" aria-expanded="false">
                                    <span class="clear">
                                        <span class="block"><strong>dunitian</strong></span>
                                        <span class="text-muted block">超级管理员</span><b class="text-muted caret"></b>
                                    </span>
                                </a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a class="" href="#">个人资料</a>
                                    </li>
                                    <li>
                                        <a class="" href="#">修改头像</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="@Url.Action("LoginOut","Manager")">安全退出</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <!--顶级分类 常用统计-->
                        <li class="active">
                            <a href="#">
                                <i class="sidebar-nav-icon fa fa-bar-chart-o fa-lg"></i>
                                <span class="sidebar-nav-item">常用统计</span>
                                <i class="fa fa-lg arrow"></i>
                            </a>
                            <ul class="collapse">
                                <li><a href="#" lot-url="@Url.Action("Total","Manager")">日常统计</a></li>
                                <li><a href="#" lot-url="@Url.Action("Total","Manager")">访客统计</a></li>
                                <li><a href="#" lot-url="@Url.Action("Total","Manager")">安全统计</a></li>
                            </ul>
                        </li>
                        <!--顶级分类 产品相关-->
                        <li class="active">
                            <a href="#">
                                <i class="sidebar-nav-icon fa fa-shopping-cart fa-lg"></i>
                                <span class="sidebar-nav-item">产品相关</span>
                                <i class="fa fa-lg arrow"></i>
                            </a>
                            <ul class="collapse">
                                <li><a href="#" lot-url="@Url.Action("Index","ProType")">Paw 分类</a></li>
                                <li><a href="#" lot-url="@Url.Action("Index", "Product", new { PGroupType = 1 })">Paw 产品</a></li>
                                <li><a href="#" lot-url="@Url.Action("Index", "Product", new { PGroupType = 2 })">Paw 配件</a></li>
                            </ul>
                        </li>
                        <!--顶级分类 笔记相关-->
                        <li class="active">
                            <a href="#">
                                <i class="sidebar-nav-icon fa fa-edit fa-lg"></i>
                                <span class="sidebar-nav-item">笔记相关</span>
                                <i class="fa fa-lg arrow"></i>
                            </a>
                            <ul class="collapse">
                                <li><a href="#" lot-url="@Url.Action("Index","Note")">Paw 笔记</a></li>
                                <li><a href="#" lot-url="@Url.Action("Index","DisPhoto")">Paw 展图</a></li>
                            </ul>
                        </li>
                        <!--顶级分类 SEO 优化-->
                        <li>
                            <a href="#">
                                <i class="sidebar-nav-icon fa fa-flask fa-lg"></i>
                                <span class="sidebar-nav-item">SEO 优化</span>
                                <i class="fa fa-lg arrow"></i>
                            </a>
                            <ul class="collapse">
                                <li><a href="#" lot-url="@Url.Action("Total","Manager")">网站 SEO</a></li>
                                <li><a href="#" lot-url="@Url.Action("Total","Manager")">文章 SEO</a></li>
                            </ul>
                        </li>
                        <!--顶级分类 固定配置-->
                        <li>
                            <a href="#">
                                <i class="sidebar-nav-icon fa fa-sitemap fa-lg"></i>
                                <span class="sidebar-nav-item">固定配置</span>
                                <i class="fa fa-lg arrow"></i>
                            </a>
                            <ul class="collapse">
                                <li><a href="#" lot-url="@Url.Action("Total","Manager")">账号信息</a></li>
                                <li>
                                    <a href="#"><span>备份还原</span><i class="fa arrow"></i></a>
                                    <ul>
                                        <li class="sidebar-nav-item"><a href="#" lot-url="@Url.Action("Total","Manager")">数据备份</a></li>
                                        <li class="sidebar-nav-item"><a href="#" lot-url="@Url.Action("Total","Manager")">数据还原</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="#"><span>初始设置</span><i class="fa arrow"></i></a>
                                    <ul>
                                        <li class="sidebar-nav-item"><a href="#" lot-url="@Url.Action("Total","Manager")">首页配置</a></li>
                                        <li class="sidebar-nav-item"><a href="#" lot-url="@Url.Action("Total","Manager")">水印配置</a></li>
                                        <li class="sidebar-nav-item"><a href="#" lot-url="@Url.Action("Total","Manager")">邮件报警</a></li>
                                    </ul>
                                </li>
                                @*<li>
                                        <a href="#"><span>开发管理</span><i class="fa arrow"></i></a>
                                        <ul>
                                            <li class="sidebar-nav-item"><a href="#" lot-url="@Url.Action("Total","Manager")">百度地图</a></li>
                                            <li class="sidebar-nav-item"><a href="#" lot-url="@Url.Action("Total","Manager")">畅言插件</a></li>
                                            <li class="sidebar-nav-item"><a href="#" lot-url="@Url.Action("Total","Manager")">前端插件</a></li>
                                        </ul>
                                    </li>*@
                            </ul>
                        </li>
                    </ul>
                </nav>
            </aside>
            <article class="col-sm-10">
                <header class="navbar navbar-static-top" style="background: #f3f3f4;">
                    <div id="lot-temp" class="navbar-header">
                        <a href="@Url.Action("Index","Manager")" class="btn btn-success" style="padding:7px 12px;margin: 14px 5px 5px 20px;font-size: 14px;"><i class="fa fa-home fa-lg"></i></a>
                    </div>
                    <ul class="nav navbar-top-links navbar-right">
                        <!--欢迎-->
                        <li>
                            <span>Welcome to The PawChina Framework</span>
                        </li>
                        <!--信息-->
                        <li class="dropdown">
                            <a class="dropdown-toggle count-info lot-black" data-toggle="dropdown" href="#" aria-expanded="false">
                                <i class="fa fa-envelope"></i> <span class="label label-warning">13</span>
                            </a>
                            <ul class="dropdown-menu dropdown-messages lot-font13">
                                <li>
                                    <div class="dropdown-messages-box">
                                        <a href="#" class="pull-left">
                                            <img alt="image" class="img-circle" src="/Areas/PawRoot/assets/img/logo.jpg">
                                        </a>
                                        <div class="lot-p">
                                            今年南方多地遭遇多轮暴雨袭击，部分地区已提出防汛备战对标防御1998年洪水要求。
                                            <br />
                                            <small class="text-muted">2016-05-12 12:11:00</small>
                                        </div>
                                    </div>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <div class="dropdown-messages-box">
                                        <a href="#" class="pull-left">
                                            <img alt="image" class="img-circle" src="/Areas/PawRoot/assets/img/logo.jpg">
                                        </a>
                                        <div class="lot-p">
                                            今年南方多地遭遇多轮暴雨袭击，部分地区已提出防汛备战对标防御1998年洪水要求。
                                            <br />
                                            <small class="text-muted">2016-05-12 12:11:00</small>
                                        </div>
                                    </div>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <div class="dropdown-messages-box">
                                        <a href="#" class="pull-left">
                                            <img alt="image" class="img-circle" src="/Areas/PawRoot/assets/img/logo.jpg">
                                        </a>
                                        <div class="lot-p">
                                            今年南方多地遭遇多轮暴雨袭击，部分地区已提出防汛备战对标防御1998年洪水要求。
                                            <br />
                                            <small class="text-muted">2016-05-12 12:11:00</small>
                                        </div>
                                    </div>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <div class="text-center">
                                        <a href="#" class="lot-black">
                                            <i class="fa fa-envelope"></i> <strong>查看所有信息</strong>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <!--提醒-->
                        <li class="dropdown">
                            <a class="dropdown-toggle count-info lot-black" data-toggle="dropdown" href="#" aria-expanded="false">
                                <i class="fa fa-bell"></i>  <span class="label label-primary">8</span>
                            </a>
                            <ul class="dropdown-menu dropdown-alerts  lot-font12">
                                <li>
                                    <a href="#">
                                        <div>
                                            <i class="fa fa-envelope fa-fw"></i> 你有13条未读信息
                                            <span class="pull-right text-muted small">4 minutes ago</span>
                                        </div>
                                    </a>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <a href="#">
                                        <div>
                                            <i class="fa fa-qq fa-fw"></i> 你有11条未读回复
                                            <span class="pull-right text-muted small">12 minutes ago</span>
                                        </div>
                                    </a>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <a href="#">
                                        <div>
                                            <i class="fa fa-upload fa-fw"></i> 你有14条未读关注
                                            <span class="pull-right text-muted small">4 minutes ago</span>
                                        </div>
                                    </a>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <div class="text-center link-block">
                                        <a href="#" class="lot-black">
                                            <i class="fa fa-envelope"></i> <strong>查看所有消息</strong>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <!--退出登录-->
                        <li>
                            <a href="@Url.Action("LoginOut","Manager")" class="lot-black">
                                <i class="fa fa-sign-out"></i> Log out
                            </a>
                        </li>
                    </ul>
                </header>
                <div id="main">
                    <iframe id="ifrContent" scrolling="auto" width="100%" height="100%" frameborder="0" src="@Url.Action("Total","Manager")"></iframe>
                </div>
            </article>
        </div>
    </div>
    <script src="//cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script src="//cdn.bootcss.com/metisMenu/2.5.2/metisMenu.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#menu').metisMenu();
            getHomeBtn();
        });
        $('ul.collapse li a').click(function () {
            var url = $(this).attr('lot-url');
            if (url) {
                console.log(url);
                $('#ifrContent').attr('src', url);
            }
        });
        //todo:主页按钮兼容处理（样式怎么都不起作用）
        $(window).resize(function () {
            getHomeBtn();
        });
        function getHomeBtn() {
            var win_width = $(window).width()
            if (win_width < 991) {
                $('#main').css('min-height', '900px');
            }
            if (win_width < 770) {
                $('#lot-temp').css('display', 'none');
            } else {
                $('#lot-temp').css('display', '');
            }
        }
    </script>
</body>
</html>